Ghost goal: a LocalAlerts custom widget
=======================================

A scary chibi ghost that starts almost see-through and fills with white from the bottom as your goal goes up, so it
becomes more and more visible. It floats and bobs, wisps rise inside it and curl off its head, and its eyes glow
brighter as it fills. At 100% it shouts BOO! while little ghosts circle it. Fog drifts past behind it.
It counts followers, subs, bits, tips, raiders, channel point redeems, or everything, and remembers its count between
streams.

Add it to LocalAlerts
1. Unzip this folder somewhere it can stay (for example Documents\LocalAlerts widgets\Ghost goal).
2. In LocalAlerts: Widgets -> + New widget -> Custom widget (HTML / CSS / JS).
3. Widget folder -> Choose folder... and pick this folder. Its settings appear underneath.
4. It takes its own name and size (400 x 480) from widget.json when you choose the folder.
   Drag it onto your overlay. To change its size, drag the edges of its box on the canvas: it gets more room and
   stays sharp in OBS.
Try it with the Test buttons: "Count Test events too" is on, so tests fill it. Turn that off before you go live, then
type "!ghost reset" in chat.

Chat commands (you and your mods): !ghost add 5   !ghost set 20   !ghost reset

Change it
  widget.json  its name and size when it's added
  fields.json  the settings people can change without code
  index.html   the ghost itself, drawn in SVG (its outline is the path with id="ghost")
  style.css    the title, numbers, BOO! and fog
  script.js    the counting, the filling, wisps and little ghosts
After changing a file, refresh the overlay in OBS (right-click it -> Refresh).

Free to use and change for your streams.
